<template>
	<div class="com-head-link">
		<ul class="head-urls">
			<li v-for="item in links">
				<a :href="item.to" v-if="item.jump">{{item.nm}}</a>
				<router-link v-else :to="item.to">{{item.nm}}</router-link>
			</li>
		</ul>
	</div>
</template>
<script type="text/javascript">
	export default {
		name: 'com-head-link',
		data: () => {
			return {
				links: [
					{to: '/home', nm: '主推精选', jump: false},
					{to: '/cooper/new', nm: '物业项目', jump: true},
					{to: '/asset/new', nm: '资方求购', jump: true}
				]
			}
		}
	}
</script>
<style lang="less">
	@import '../../assets/less/est/all';
	@import '../../assets/less/vars';
	.com-head-link {
		color: #fff;
		background-color: @clr-l-brown;
		font-size: 28/75rem;
		line-height: 88/75rem;
		padding: 0 37/75rem;
		a {
			color: inherit;
			display: block;
			width: 100%;
			height: 100%;
			.ellipsis();
		}
		.head-urls {
			display: flex;
			li {
				width: 160/75rem;
				text-align: center;
			}
		}
	}
</style>